@url: "./images/";

* {
  padding: 0;
  margin: 0;
}

html {
  width: 100%;
  height: 100%;
}

body {
  font-size: 0.14rem;
  width: 100%;
  min-height: 100%;
  max-width: 640px;
  margin: 0 auto;
  background: url('@{url}wait-bg.png') ;
  background-size: 100% auto;

  header {
    clear: both;
    width: 100%;
    height: 1.58rem;

    .lheader {
      float: left;
      width: 1.86rem;
      height: 1.58rem;
      background: url('@{url}sprite.png') -1.69rem -5.35rem;
      background-size: 6.4rem 11.36rem;
    }

    .rheader {
      margin-right: 0.16rem;
      margin-top: 0.28rem;
      float: right;
      width: 1.33rem;
      height: 1.18rem;
      background: url('@{url}sprite.png') 0 -5.35rem;
      background-size: 6.4rem 11.36rem;
    }
  }

  nav {
    // margin-top: .3rem;
    text-align: center;
    font-size: 0.6rem;
    color: #fff;
    text-shadow: 1px 1px 1px #e73d90;
  }

  footer {
    margin-top: 5.14rem;
    margin-bottom: 1rem;
    bottom: 2rem;
    height: 1rem;
    width: 100%;
    font-size: 0.45rem;
    font-weight: 700;
    background: url('@{url}sprite.png') no-repeat 0 -1.53rem;
    background-size:  100% ;
    text-align: center;
    line-height: 1rem;
    a{
      text-decoration: none;
      color: #303d57;
    }
  }
}
